body{
    align-items: center;
    line-height: initial;
}
#app{
    position: relative;
    margin: 0 auto;
    top: 100px;
    width: 400px;
    height: 400px;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1)
}

/*-------------------------------------------------------------------*/
/*主页面*/
li{
    list-style: none;
    width:100px;
    height:70px;
    margin-top: 40px;
}
.login-container-index{
    width: 1000px;
    height: 460px;
    margin: 0 auto;
    margin-top: 0px;
    margin-top: 10%;
    border-radius: 15px;
    box-shadow: 0 10px 50px 0px rgb(130, 115, 220);
    background-color: rgb(95, 76, 194);
}
.login-container-index #app{
    text-align: center;
    align-items: center;
    margin-left: 30px;
}
#book{
    float: left;
    margin: 20px;
}
#img{
    width: 142px;
    height: 152px;

}
#img img{
    width: 140px;
    height: 150px;
}
#info1{
    width: 160px;
    height: 120px;

}
#info1 ul li{
    width: 145px;
    height: 14px;
    margin-top: 3px;

}
nav{
    background-color: #9194b5;
    height:50px;/*导航栏为紫色，高度为50px，nav是块级元素*/
}
.menu,footer{
    height:50px;width:900px;margin:0 auto;
}/*列表为900px宽，高度与导航背景一致*/
#nav_top ul li{
    font-size: 1.2em;font-weight: 700;float:left;
    padding-left: 3px;margin:18px 25px 0 0;
    /*空格表示选择了nav_top下的ul下的li里的内容，
    以及ul和li都是块级元素。有12个li就是有12个小盒子，
    padding-left就是把li盒子内部左边撑大3px。
    margin就是12个li盒子与外面的ul盒子之间的距离*/
    color:#fff;list-style: none;text-shadow: 2px 0 3px #66687f;
}
#nav_top #nav_n{
    font-size:1.8em;margin:10px 30px 0 0;
}/*如果不写前面的#nav_top样式就不起作用 （？）*/
#nav_top ul li:hover{
    color:#f5f5f5;text-shadow: 1px 0px 2px #f7f7f7;
}
#img1{
    height: 430px;width:900px;
    margin:0 auto 20px auto;
    border:2px solid #fff;text-align: center;
}/*这里是设置div盒子的宽高*/
.zhong{
    color:#fff;border-radius: 60px 60px 0 60px;
    background-color: #606184;font-size: 1.2em;
}
#main_bt h1{
    text-align: center;color: #606184;
}
#tubiao{
    width:900px;height:700px;background-color: #fff;
    border-radius: 40px;border:#606184 dotted 2px;
    margin: 0 0 38px 156px;
}/*设置ul的宽高,margin设置ul居中*/
#tubiao li{
    display: inline-block;width:210px;height: 300px;
    margin: 25px 40px;
}
#tubiao li a img{
    display: block;width: 200px;height: 200px;
}/*设置图片的大小，才能保证全部放进ul盒子里*/
#tubiao a{
    text-align: center;text-decoration: none;color:#505050;
}/*超链接居中，去掉下划线*/
#tubiao li>p{
    text-indent: 3em;font-size: 0.8em;
    line-height: 1em;color:#303048;
}/*子选择器，只选择他的儿子元素，li的儿子元素有a，p，p。a里面的
		p和img是li的孙子元素。*/
#tubiao li>p span{
    font-size: 1.5em;color:#9f0000;
}
#search{
    width: 1000px;
}
#search>span>input{
    width: 50px;
    height: 50px;
    float: left;
    margin: 20px;
}

.border-iframe{
    width: 1500px;
    height: 1000px;
    position: absolute;
}

.iframe_size{
    background-color: #0e90d2;
    width: 100%;
    height: 100%;
    position: relative;
}